<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Sample input data by jquery.jsonengine.js</title>
<script type="text/javascript" src="../../../../jquery-1.5.js"></script>
<script type="text/javascript" src="../../jquery.values.js"></script>
<script type="text/javascript" src="../../jquery.jsonengine.core-1.4.js"></script>
<script type="text/javascript" src="../../jquery.jsonengine-1.4.js"></script>
<script type="text/javascript" src="../../jquery.jsonengine.ext-1.4.js"></script>
<style type="text/css">
dl {
	border: 1px dotted gray;
}
form, div {
	margin: 1em;
	border: 1px dotted gray;
}
</style>
</head>
<body>
	<h1>
		Sample by jquery.jsonengine-1.4.js <span style="font-size: 0.7em;">03/07/2011</span>
	</h1>

	<form class="_je_test_private afterclear">
		<strong>update and reset.</strong>
		<br />
		<br />
<table>
<tr>
<td>テキスト入力欄</td>
<td><input type="text" name="example1" value="" size="30" /></td>
</tr>
<tr>
<td>テキスト入力欄</td>
<td><input type="password" name="example2" value="" size="30" />（パスワード形式）</td>
</tr>
<tr>
<td>複数行の入力欄</td>
<td><textarea cols="30" rows="5" name="example3"></textarea></td>
</tr>
<tr>
<td>ラジオボタン</td>
<td><input type="radio" name="example4" value="val1" checked="checked" />その1　<input type="radio" name="example4" value="val2" />その2　<input type="radio" name="example4" value="val3" />その3 （1つだけ選択が可能）</td>
</tr>
<tr>
<td>チェックボックス</td>
<td><input type="checkbox" name="example5" value="val1" checked="checked" />その1　<input type="checkbox" name="example5" value="val2" />その2　<input type="checkbox" name="example5" value="val3" />その3 （複数選択が可能）</td>
</tr>
<tr>
<td>セレクトボックス</td>
<td><select name="example6">
<option value="val1">セレクトAその1</option>
<option value="val2">セレクトAその2</option>
<option value="val3">セレクトAその3</option>
<option value="val4">セレクトAその4</option>
<option value="val5">セレクトAその5</option>
</select>（プルダウン形式）</td>
</tr>
<tr>
<td>セレクトボックス</td>
<td><select name="example7" size="5">
<option value="val1">セレクトBその1</option>
<option value="val2">セレクトBその2</option>
<option value="val3">セレクトBその3</option>
<option value="val4">セレクトBその4</option>
<option value="val5">セレクトBその5</option>
</select>（リスト形式）</td>
</tr>
<!-- jquery.values.js のバグで使用出来ない
<tr>
<td>セレクトボックス</td>
<td><select name="example7-2" size="5" multiple="multiple">
<option value="val1">セレクトBその1</option>
<option value="val2">セレクトBその2</option>
<option value="val3">セレクトBその3</option>
<option value="val4">セレクトBその4</option>
<option value="val5">セレクトBその5</option>
</select>（リスト形式）複数選択</td>
</tr>
 -->
<tr>
<td>隠しデータ</td>
<td><input type="hidden" name="example9" value="example" />（画面上には表示されません）</td>
</tr>
</table>
		<input type="text" name="_docId" value="" /><label>_docId</label><br />
		<input type="text" name="_createdAt" value="" /><label>_createdAt</label><br />
		<input type="text" name="_updatedAt" value="" /><label>_updatedAt</label><br />
		<input type="text" name="_displayName" value="" /><label>_displayName</label><br />
		<br />
		<input type="button" class="_POST" value="POST" />
		<input type="button" class="_GET" value="GET" />
		<input type="button" class="_PUT" value="PUT" />
		<input type="button" class="_DELETE" value="DELETE" />
		<input type="reset" />
		<br />
		<br />
		<input type="button" class="_SEARCH" value="SEARCH" />
	</form>

	<form class="_je_test_private search">
		<input type="text" name="example1" value="" /><label>text1</label>
		<input type="button" class="_SEARCH" value="SEARCH" />
	</form>
 
	<div class="_je_test_private">
		<div class="query">?sort=_createdAt.desc</div>
		<p>messages一覧が降順にに表示される</p>
	</div>

</body>
</html>

